<link rel="stylesheet" href="debatewise.gadgets.css" type="text/css" /> 
<script type="text/javascript"> 
	if ((document.getElementById)||(document.layers)) {
		var doc = document;
	} else {
		var doc = document.all;
	}
  function toggleVisible(id) {
    if(doc.getElementById(id).style.display=="none"){
      doc.getElementById(id).style.display = "block";
    } else {
      doc.getElementById(id).style.display = "none";
    }
  }
 
// --- Page specific functions
  function makePoint {
    // get data
    // template meta-div:
      // id debate-title
      // id the-point
      // id the-counterpoint
      // id point-rating
      // id your-rating
      // id start-time
      // id debate-end-time
      // id vote-end-time
      // id time-remaining
  }
  function editPoint(id) {
  }
  function editCounterPoint(id) {
  }
  function pointVote(id) {
  }
 
  // --- Admin functions
 
  function rewind(id) {
    // delete the most recent version of the point or counter point text
  }
</script> 
<div id="debate"> 
  <div id="div-title" class="meta-div"> 
            <h3 class="horizontalLineTop">Debate 10</h3> 
    <h1 class="debate-headline" id="debate-title" style="width:100%">Chuck Norris has stared death in the face. Death flinched.</h1> 
    <p><span class="bold">For the motion</span> <br />"How may ninjas does it take to cut emissions by 20% before 2015? Answer: Chuck Norris"</p>

    <div class="pointWrapper">
    <h4 class="yesColour">Point: </h4> 
		<p id="the-point">This could be quite a substantial paragraph, so I'll just keep waffling on here for a minute or two's worth of dummy text. Hmm... are you still reading this? You really shouldn't be. It is not informative. It is just junk chars that I am padding out a paragraph with. Never mind. <a href="#">Here's the proof!</a></p> 
    <p class="pointer" onclick="editPoint()">Develop this point ></p> 
    </div><!-- Point Wrapper ENDS -->
    <div class="pointWrapper">
    <h4 class="noColour">Counter point:</h4> 
		<p class="pointer" id="the-counterpoint" onclick="editCounterPoint()">There is no counter point yet. Create one ></p> 
    </div><!-- Point Wrapper ENDS -->
    <div id="debate-voting-div"> 
      <h2>Overall rating: <span class="yesColour" id="point-rating">+29</span></h2> 
      <p>Rate the importance and quality of this point:</p> 
      <p><span class="pointer noUnderline" style="color: #B8B8B8;" onclick="pointVote('0')">0</span>&nbsp;<span class="pointer noUnderline" style="color: #A9A9A9" onclick="pointVote('1')">1</span>&nbsp;<span class="pointer noUnderline" style="color: #919191" onclick="pointVote('2')">2</span>&nbsp;<span class="pointer noUnderline" style="color: #808080" onclick="pointVote('3')">3</span>&nbsp;<span class="pointer noUnderline" style="color: #696969" onclick="pointVote('4')">4</span>&nbsp;<span class="pointer noUnderline" style="color:#555555" onclick="pointVote('5')">5</span>&nbsp;<span class="pointer noUnderline" style="color:#3D3D3D;" onclick="pointVote('6')">6</span>&nbsp;<span class="pointer noUnderline" style="color:#262626" onclick="pointVote('7')">7</span>&nbsp;<span class="pointer noUnderline" style="color:#0F0F0F" onclick="pointVote('8')">8</span>&nbsp;<span class="pointer noUnderline" style="color:#000000" onclick="pointVote('9')">9</span>&nbsp;</p> 
    <h2>Your rating: <span id="your-rating">6</span></h2> 
    </div> 

    
    
    <p class="small"><span id="debate-start-time">Started: 27th November, 11.30am.</span><br /><span id="debate-end-time">Debate ends: 28th November, 11.30am.</span><br /><span id="vote-end-time">Vote ends: 29th November, 11.30am.</span></p> 
    <p><span class="yesColour" id="time-remaining">19 minutes remaining</span></p> 
  </div> 
</div> 